<template>
  <div id="app">
          <router-view></router-view>
    </div>
</template>

<script>
import "assets/mint.less"
export default {
  name: 'app'
}
</script>

<style>
 body,html{
 	width: 100%;
 	height: 100%;
 }
 #app{
 	width: 100%;
 	height: 100%;
 }
body{
	background: url(assets/loading.gif) no-repeat center center;
}

    /* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade2-enter-active,.slide-fade2-leave-active {
  transition: all .3s ease;
}
/*进入之前*/
.slide-fade2-enter{
   transform: translateX(-100px);
  opacity: 0;
}
.slide-fade2-enter-active{
	transform: translateX(0);
  opacity: 1;
}
/*退出之后*/
 .slide-fade2-leave-active {
  transform: translateX(100px);
  opacity: 0;
}

.fade-enter-active, .fade-leave-active {
  transition-property: opacity;
  transition-duration: .25s;
}

.fade-enter-active {
  transition-delay: .25s;
}

.fade-enter, .fade-leave-active {
  opacity: 0
}
</style>
